<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>作业2</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        .img-logo{
            transition:all 0.5s;
            margin-top:40px;

        }
        .img-logo:hover{
            /* translateY 在二维空间中沿Y轴移动一个元素
            正数值表示元素沿Y轴的正方向移动，负数值表示元素沿Y轴的负方向移动 */
            transform: translateY(-10px);
            box-shadow: 0 0 5px 3px rgb(133, 130, 130);

        }
        .center {
            
            margin-left: auto;
            margin-right: auto;

        }
       
        .nav{
            height:70px;
            width:100%;
            background-color: #1ABEBF;
            text-align: center;

        }
        .logo-fram {
           padding-top:10px;
            height: 40px;
            width:140px;
            margin:0 auto;
           
        }   
        .logo-fram img{
            
            display: block;
            
            /* width:140px;
            height:40px; */
        }
        .fram{
            width:720px;
            /* background:red; */
        }
        .tit{
            color: rgba(0, 0, 0, 0.600);
            margin-top:30px;
            
        }
        .tit+p{
            color:#A9A9A9;
            margin-bottom:40px;

        }
        .introduce{
            margin-top:40px;
            margin-bottom:30px;
            color: #A9A9A9;
            line-height: 25px;

        }
        .introduce p:last-child{
            margin-top:30px;
            

        }
    </style>
</head>
<body>
    <div class="nav "> 
        <div class="logo-fram">
                <img src="images/logo.png" alt="" >
        </div> 
    </div>
    <div class="fram center">
        <div class="tit"><H1><p>温馨法式风 生活家居实木复合地板测评</p></H1></div>
        <p>2016-1-15 00:15:23 来源：PCHOUSE 作者：DANIBOY</p>
        <img src="images/02.png" alt="" class="img-logo">
        <div class="introduce">
            <p> 爱上佛i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离开司法解释离开对方角度上来看发士大夫撒旦发射点立刻返回的是</p>
            <p>还是大佛阿斯顿佛萨的封建士大夫接送技术的开发就是看发送大附件送到送到家i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离佛啊士大夫就送到附近</p>
            <p>阿瑟东佛撒低级佛i撒地方就OK纠结啊山东分局扫地机发哦就送i点击放大撒旦飞洒地方撒i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离旦</p>
        </div>
        <table border="9">
            <tr>
                
            </tr>
        </table>
    </div>
</body>
</html>